<!--Cover Book-->
       <div class="container" style="margin-top:60px">	
            <!--Story Container-->		
            <div class="story_meta_container">
                 <!--Cover-->
			     <div id="cover" class="ic_container" style="float: left">
				        <img src="images/1237707-256-987226.jpg" alt="BUKAN CINTA PANDANGAN PERTAMA" class="picframe" width="176" height="270" />
                            <div class="overlay" style="display: none;"></div>
				            <!--IC Caption-->
                            <div class="ic_caption">
					               <div class="ic_text">
								        <b>BUKAN CINTA PANDANGAN PERTAMA</b>
								        <br/>Apr 23, 2012
                                        <p>Menikah? Kontrak? Tapi dapat bayaran saham perusahaan bonafid, posisi Direktur,
                                           lalu hanya 2 tahun kok! Tugasnya menjadi sosok seorang ibu bagi putri kecil bernama
                                           Ariana yang berumur 3 tahun dan menjadi istri sementara Komisaris Admadja Group,
                                           David Admadja.Tidak terlalu sulit kan, bila kamu...
                                        </p>
								        
                                        <div style="text-align: right;">
										     <a class="description_menu" href="story-introduction.html">more info</a>
							            </div>
								    </div>
				            </div>
                            <!--End IC Caption-->
            				<!--Cover Caption-->
                            <div id="cover_caption">
            					<div class="ic_category">
            						Part 2 of 14					
                                </div>
            					<div class="ic_category_items">
            						<img src='images/RATED_PG-13.png'  alt='PG-13' class='description_tooltip' title='[PG-13] Parents Strongly Cautioned' style='float: left;'  />
                                    <img src='images/arrow_up_grey.png' width='14' height='12' alt='arrow_up_grey.png' id='description_up_arrow' style='float:right;'  />
                                </div>
            				</div>
			          <!--Cover Caption--> 
                 </div>
                 <!--End Cover-->
                  <!--Meta Data-->
    			  <div class="meta_data">
    				    <!--Meta Read Story-->
                        <div class="story_meta reads">
    					       <div class="story_stat">2,186</div>reads
                        </div>
                        <!--Meta Read Story-->
    				    <!--Meta Read Votes-->
                        <div class="story_meta votes">
    					   <div class="story_stat"><span class="story_stat_votes" id="5">4</span></div>votes
                        </div>
                        <!--Meta Read Votes-->
                        <!--Meta Read Comments-->
        				<div class="story_meta comments story_view">
        					<div class="story_stat">6</div>comments				
                        </div>
    				    <!--Meta Read Comments-->
                        <br/>
                        <!--Meta Tag-->
                        <div class="story_meta_tag" title="Arnithia">
    					    <a href="/user/Arnithia" class="description_tooltip">
    						      <img src="images/Arnithia.32.261748.jpg" alt="Arnithia" align="top" class="smallpic" border="0" width="32" height="32" style="float:left;" />
                            </a>
    					   <div class="story_meta_author">by<br/>
                                <a id="author" href="member.html">Arnithia</a>
    					   </div>
    				    </div>
    				    <div style="padding-top: 12px; max-width: 50px;">
    					       <a href="#" class="pin-it-button" count-layout="horizontal">Pin It</a>
    					       <script type="text/javascript" src="js/pinit.js"></script>
    				    </div>
    			</div>
                <!--Meta Data-->
                <!--Meta Tags-->
    			<div id="tags">
    				<span id="tags_inside">
                        <a style="margin: 2px" class="b2 small gray" href="/stories/romance">Romance</a>
                    </span>
    		    </div>
                <!--Meta Tags-->
    			<hr/>
                <!--Meta Links-->
    			<div class="story_meta_links">
                    <div style="float: left; width: 39%">
    					   <img src='images/mobile.png' width='16' height='16' alt='mobile.png' style='vertical-align:middle'  />					<a onclick="mobile();ga_track('Stories', 'Read on Mobile', 'http://www.wattpad.com/4251818-bukan-cinta-pandangan-pertama-bab-2');" href="#" title="Use this code to read on your mobile app">4251818</a>
    				</div>
    				<div style="float: left; width: 18%; text-align: center;">
    					   <img src='images/abuse.png' width='16' height='16' alt='abuse.png' style='vertical-align:middle'  />					<a href="user_login?msg=Please+login+to+continue&nexturl=%2Ffeedback%3Fsubject%3Dspam%26message%3DI%2Bam%2Breporting%2Bthe%2Bfollowing%2Bcontent%253A%250Ahttp%253A%252F%252Fwww.wattpad.com%252F4251818-bukan-cinta-pandangan-pertama-bab-2" title="Report inappropriate content" rel="nofollow">Report</a>
    				</div>
    			</div>
                <!--Meta Links-->
            </div>
            <!--End Story Container-->
            
	       <script type="text/javascript">
        		// add to reading list redirect after login
        		if ($.query.get('library')) {
        			library('4251818');
        		}
        
        		//changes related to the gutter view
        		$('#foot').detach().appendTo($('#content'));
        
        		$('.description_tooltip').tipsy({gravity: 'w'});
        		// init slide up description over story cover
        		$('.ic_caption').hide();
        		var coverImg = $('#cover').find('img:first');
        		var h = coverImg.height();
        		var w = coverImg.width();
        		$('.ic_caption').width(w);
        		$('.overlay').css({'width': w+'px' , 'height': h+'px', 'border': 'none'});
        
        					var coverChange = true;
        			$('.ic_container').hoverIntent({over: showStoryStats, out: hideStoryStats});
        
        			$('.ic_container').bind("touchstart", function() {
        				if (coverChange) {
        					showStoryStats();
        				}
        				else {
        					hideStoryStats();
        				}
        				coverChange = !coverChange;
        			});
        		
        		function showStoryStats() {
        			$('#description_up_arrow').hide();
        			if((navigator.appVersion).indexOf('MSIE 7.0') > 0) {
        				$('.overlay').show();
        			}
        			else {
        				$('.overlay').fadeIn();
        			}
        			$('#cover').find('.ic_caption').slideDown(500);
        		}
        
        		function hideStoryStats() {
        			if((navigator.appVersion).indexOf('MSIE 7.0') > 0) {
        				$('.overlay').hide();
        			}
        			else {
        				$('.overlay').fadeOut();
        			}
        			$('#cover').find('.ic_caption').slideUp(200, function() {
        				$('#description_up_arrow').show();
        			});
        		}
        
        		$('#show_all_tags').click(function() {
        			$('#show_all_tags').hide();
        			$('#all_tags').fadeIn();
        		});
        
        		$('#addprompt').click(function() {
        			$('#addprompt').hide();
        			$('#addtags').fadeIn();
        			$('#addtags').focus();
        		});
        
        		$('.remove_tag').live("click", function(e) {
        			var target = $(e.target);
        			submitTagForm('remove', target.html().substr(0, target.html().length-2));
        			target.hide();
        		});
        
        		$('#tag_form').submit(function() {
        			if ($('#addtags').val().length!==0) {
        				submitTagForm('add', $('#addtags').val());
        			}
        			return false;
        		});
        
        		function mobile() {
        			$.facebox({ajax:'/dialog/mobile?id='+storyID});
        		}
        
        		function submitTagForm(reqType, tagValue) {
        			if (reqType.indexOf('add')!=-1) {
        				$('#addtags').hide();
        				$('#tag_spinner').show();
        			}
        			$.ajax({
        				 type: 'POST',
        				 url: API2_PATH+'editstorytags',
        				 data: { story_id: 4251818, request_type: reqType, tag_value : tagValue },
        				 success: function(response) {
        					 if (reqType.indexOf('add')!=-1) {
        						$('#addprompt').fadeIn();
        						$('#tag_spinner').hide();
        						var title = 'Remove';
        						 $.each(response, function(key, value) {
        							 $('#tags_inside').append('<span style="margin: 2px" class="b2 small white remove_tag" title="'+title+'">'+ value + ' x' + '</span>');
        						 });
        						ga_track('Add Tags');
        					 }
        				 }
        			 });
        		}
            </script>
	    </div>
        <!--End Container-->
